<template>
  <div id="nav-list">
    <div class="clearfix">
      <ul class="nav-list">
        <li class="item item-home">
          <a href="#" class="link">首页</a>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>887</i></div>
            动画
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>MAD·AMV<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>MMD·3D<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>短片·手书·配音<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>综合<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>23</i></div>
            番剧
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>连载动画<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>完结动画<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>国产动画<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>资讯<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>官方延伸<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>新番时间表<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>番剧索引<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>99+</i></div>
            音乐
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>原创音乐<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>翻唱<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>VOCALOID·UTAU<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>演奏<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>三次元音乐<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>OP/ED/OST<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>音乐选集<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>152</i></div>
            舞蹈
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>宅舞<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>三次元舞蹈<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>舞蹈教程<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>999+</i></div>
            游戏
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>单机联机<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>网游·电竞<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>音游<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>Mugen<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>GMV<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>999+</i></div>
            科技
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>纪录片<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>趣味科普人文<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>野生技术协会<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>演讲·公开课<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>星海<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>数码<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>机械<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>999+</i></div>
            生活
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>搞笑<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>日常<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>美食圈<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>动物圈<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>手工<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>绘画<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>运动<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>77</i></div>
            鬼畜
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>鬼畜调教<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>音MAD<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>人力VOCALOID<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>教程演示<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>416</i></div>
            时尚
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>美妆<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>服饰<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>健身<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>资讯<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>100</i></div>
            广告
          </a>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>999+</i></div>
            娱乐
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>综艺<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>明星<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>China相关<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item">
          <a href="#" class="link">
            <div class="num"><i>916</i></div>
            影视
          </a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>电影<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>电视剧<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item item-square">
          <a href="#" class="link">广场</a>
          <div class="nav-square__hover">
            <ul>
              <li><a href="#"><i class="icon-activity"></i>活动中心</a></li>
              <li><a href="#"><i class="icon-game"></i>游戏中心</a></li>
              <li><a href="#"><i class="icon-news"></i>新闻中心</a></li>
              <li><a href="#"><i class="icon-friend"></i>画友</a></li>
              <li><a href="#"><i class="icon-tv"></i>芒果TV</a></li>
            </ul><!-- 
            <a href="#" class="activity"><img src="images/cont/nav-square__img.jpg" alt="#"></a> -->
          </div>
        </li>
        <li class="item item-live">
          <a href="#" class="link">直播</a>
          <ul class="nav-item__hover">
            <li>
              <a href="#">
                <em>推荐主播<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>手机直播<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>绘画专区<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>唱见舞见<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>御宅文化<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>单机联机<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>网络游戏<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>电子竞技<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>手游直播<i></i></em>
              </a>
            </li>
            <li>
              <a href="#">
                <em>放映厅<i></i></em>
              </a>
            </li>
          </ul>
        </li>
        <li class="item item-room">
          <a href="#" class="link">小黑屋</a>
        </li>
      </ul>
      <div class="nav-gif"><img src="../../assets/image/cont/nav_img.gif" alt="求领养"></div>
    </div>
  </div>
</template>

<script>
export default {
  name:'navTop'
}
</script>

<style>
  @import '../../assets/css/base.css';
  @import '../../assets/css/navTop/navTop.css';
</style>